<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>申请退款</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">申请退款</h1>
    </header>
</div>
<!--申请退款-->
<div class="main_application_tuikuan">
    <ul class="a_order_inform mid-width">
        <li class="a_right_img">
            <span>退款原因</span>
            <em class="zhengjian">请选择</em>
        </li>
        <li>
            <span>退款金额</span>
            <input type="text" placeholder="50.22">
        </li>
        <li class="a_last_one">
            <span>退款说明</span> 
            <input type="text" placeholder="请填写">
        </li>
    </ul>
</div>
<div class="pingjia_text">
	<!-- 上传图片 -->
    <div class="mm_imgfile">
        <ul class="clearfix">
            <li>
                <img src="../images/photo.png">
                <input type="file">
            </li>
        </ul>
    </div>
</div>
<!--底部-->
<div class="mid-width">
    <input type="button" class="p_button" value="提交退款">
</div>
<div class="shenqing_tan am-share am-share1">
    <ul>
        <h4>证件类型</h4>
        <li><span>不想要了</span></li>
        <li><span>卖家缺货</span></li>
        <li><span>拍错了</span></li>
    </ul>
    <div class="xingbie_quxiao1">取消</div>
</div>
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript"> 
    // 证件
    // 弹出  
    $(".zhengjian").on('click',function(){
        $("body").append("<div id='mask'></div>");
        $(".shenqing_tan").addClass("am-modal-active").removeClass("am-modal-out");
    })
    //点击关闭
    $(".xingbie_quxiao1").on('click',function(){
        $(".shenqing_tan").addClass("am-modal-out").removeClass("am-modal-active");
        $("#mask").remove();
    }) 
	$(".shenqing_tan li span").on('click',function () {
        $("#mask").remove();
        $(".zhengjian").text($(this).html());
		$(".shenqing_tan").addClass("am-modal-out").removeClass("am-modal-active");
    });
</script>
<!-- 上传图片 -->
<script type="text/javascript">
    $(".mm_imgfile input[type=file]").change(function(){
        var fs = this.files,$t  = $(this);
        $(fs).each(function(){
              var reader = new FileReader();
                reader.readAsDataURL(this);
                reader.onload = function(e) {
                    $t.parent().parent().prepend($('<li><img src="'+this.result+'"><span data-name=delete></span></li>'));
                    deleteImg();
                }
        });
    });
    deleteImg();
    function deleteImg(){
        var $span = $("*[data-name=delete]");
        $span.unbind("click");
        $span.click(function(){
            $(this).parent().remove();
        });
    }
    
</script>
</body>
</html>